import React, { Component } from 'react'
import { NavLink } from 'react-router-dom';

export default class XjjList extends Component {
    constructor() {
        super();
        this.state = {
            list: [
                { name: '单身情歌' },
                { name: '不要再来伤害我' },
                { name: '最伟大的作品' },
                { name: '汪汪队立大功' },
                { name: '海底小纵队' }
            ]
        }
    }
    render() {
        return (
            <div>
                <p>小姐姐列表页</p>
                {
                    this.state.list.map((item, index) => {
                        return (
                            <div key={index}>
                                <NavLink to={'/detail/'+item.name}>{item.name}</NavLink>
                                <br />
                            </div>
                        )
                    })
                }
            </div>
        )
    }
}
